{extend name="public:layout" /}
{block name="title"}考勤记录{/block}
{block name="head"}
	<style>
		body{font-family: Arial,"Microsoft Yahei";}
		.work_data{height: 25px;border-radius: 7px;border: 1px solid #eee;font-size: 16px;width: 200px;margin-left:20px;padding-left: 6px;}
	</style>
{/block}
{block name="body"}	
	<div class="weui-cells">
		<div class="weui-cell">
		    <span>选择日期</span>
		    <input type="text" id='picker' class="work_data" value="{:date('Y m')}"/>
			<a href="javascript:;" onclick="getWork();">查询</a>
		</div>
		<div class="weui-cell">
		    <div class="weui-cell__bd" onclick="leave()">
		      <p>请假</p>
		    </div>
		    <div class="weui-cell__ft">12次</div>
		</div>
	</div>
	<!--返回首页-->
	<div class="back_index">
		<a href="/system">
			<img class="back_img" src="/public/mobile/static/images/back1.png" />
		</a>
	</div>
	<script type="text/javascript">
		//日期弹框
		$("#picker").picker({
			title: "请选择年月",
			cols: [
			{
			    textAlign: 'center',
			    values: ['2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024']
			},
			{
			    textAlign: 'center',
			    values: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12']
			}
			]
		});
		//获取考勤记录
		function getWork() {
		    var url="/system/logic.static/work.html";
			$.get(url,function (res) {
				
            });
        }
		
		//请假弹框
		function leave(){
			$.alert({
			  	title: '提示',
			  	text: "2月14日：12:00-15:00<br/>2月14日：12:00-15:00",
			  	onOK: function () {
			    //点击确认
				}
			});
		}

		//旷工弹框
		function nowork(){
			$.alert({
			  	title: '提示',
			  	text: "2月14日：12:00-15:00<br/>2月14日：12:00-15:00",
			  	onOK: function () {
			    //点击确认
				}
			});
		}
	</script>
	
{/block}
